<html>
	<head>
		<title>Useless Tweets</title>
    <link type="text/css" rel="stylesheet" href="resources/sencha-touch.css">
    <link type="text/css" rel="stylesheet" href="resources/styles.css">
    <script type="application/javascript" src="resources/sencha-touch-debug.js"></script>
    <script type="application/javascript" src="resources/Ext.ux.touch.ListPullRefresh.js"></script>
    <script type="application/javascript">
    Ext.regApplication({
        name: 'List',
        defaultTarget: 'viewport',
        launch: function(){
            new Ext.Panel({
              fullscreen: true,
              id: 'viewport',
              application: this,
              dockedItems: {
                xtype: 'toolbar',
                dock: 'top',
               
              },
              layout: 'fit',
              items: [{
                  xtype: 'list',
                  itemTpl: '{desc}',
                  store: List.stores.Twits,
                  plugins: [new Ext.ux.touch.ListPullRefresh({
                    listeners: {
                      'released': function(plg,lst){
                        List.stores.Twits.on('load', plg.processComplete, plg, {single: true});
                        List.stores.Twits.load();
                      }
                    }
                  })],
              }]
            });
        }
    });
    
    Ext.regModel('Lists', {
        fields: ['name','desc']
    });
    
    List.stores.Twits = new Ext.data.Store({
        model: 'Lists',
        proxy: {
            type: 'scripttag',
            url: 'http://toilet.picom.su/toilet/coord.php',
           
        },
        autoLoad: true
    });
    
    </script>
	</head>
	<body>
	</body>
</html>
